<template>
    <div id="app" class="skin-drunkBreeze">
        <div
            style="width:700px;height:40px;outline: auto;display:flex;gap:16px;padding:0 16px;align-items:center;margin:8px auto "
        >
            <div
                v-for="i in 12"
                :key="i"
                style="height:30px;line-height:30px;flex:1;background:pink;text-align:center;border-radius:4px;cursor:pointer"
                @click="Jump(i)"
            >
                Test{{ i }}
            </div>
        </div>
        <router-view />
    </div>
</template>

<script>
export default {
    methods: {
        Jump(i) {
            this.$router.push({ name: `/ysms-ats-web/test${i}` });
        }
    }
};
</script>

<style lang="less">
#app {
    width: 100%;
    height: calc(100% - 48px);
    overflow: hidden;
    padding: 0;
    margin: 0;
}
</style>
